.top-content {
  background: #fff;
  padding: 50rpx 30rpx 30rpx 30rpx;

  .lawyer-card {
    display: flex;
    align-items: center;
    margin-bottom: 23rpx;
    border: 1rpx solid #EEE;
    padding: 30rpx;


    .lawyer-photo {
      width: 150rpx;
      min-width: 150rpx;
      height: 150rpx;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 30rpx;
      border: 1px solid #EEE;

      image {
        width: 150rpx;
        height: 150rpx !important;
      }
    }

    .lawyer-name {
      font-size: 32rpx;
      color: #333;
      line-height: 45rpx;
      margin-bottom: 4rpx;
      display: flex;
      align-items: center;

      .lead-img {
        width: 35rpx;
        margin-left: 10rpx;
      }
    }

    .dept-name {
      color: #333;
      font-size: 24rpx;
      line-height: 40rpx;
      margin-bottom: 10rpx;
    }

    .tags {
      display: flex;
      flex-wrap: wrap;

      .tag-item {
        height: 50rpx;
        line-height: 50rpx;
        padding: 0 13rpx;
        background: rgba(179, 168, 125, 0.1);
        border-radius: 25rpx;
        color: #BDA87D;
        font-size: 24rpx;
        margin: 0 10rpx 10rpx 0;
        max-width: 400rpx;
      }
    }

  }
}

.info-content {
  padding: 0 30rpx;
}

.content-title2 {
  padding: 0 30rpx;
  display: block;
  margin-bottom: 20rpx;
  padding-bottom: 22rpx;
  border-bottom: 1rpx solid #EEEEEE;

  .title {
    line-height: 45rpx;
    font-size: 32rpx;
    color: #000;
    font-weight: bold;
    margin-bottom: 12rpx;
  }

  .time {
    color: #666;
    font-size: 24rpx;
    line-height: 33rpx;
  }
}

.list-wrap {
  padding: 0 30rpx 50rpx 30rpx;

  .list {
    padding: 0 30rpx;

    .data-item {
      padding: 24rpx 0;
      border-bottom: 1rpx solid #eee;

      &:last-child {
        border: none;
      }

      .title {
        color: #000;
        line-height: 40rpx;
        font-size: 28rpx;
        font-weight: bold;
        margin-bottom: 16rpx;
      }

      .time {
        color: #666;
        font-size: 24rpx;
        line-height: 33rpx;
      }
    }
  }
}

.limit-pop {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  top: 0;
  left: 0;
  justify-content: center;
  padding-top: 91rpx;

  .limit-content {
    position: relative;
    width: 660rpx;
    height: 764rpx;
    border-radius: 20rpx;
    padding: 0 30rpx 60rpx 30rpx;
    background: #FFFFFF;
    box-shadow: 0px 12px 30px 1px rgba(0, 0, 0, 0.08);

    .time-icon {
      width: 110rpx;
      height: 110rpx;
      margin: 59rpx auto 49rpx;
      display: block;
    }

    .del-icon {
      position: absolute;
      width: 48rpx;
      height: 48rpx;
      top: 17rpx;
      right: 20rpx;
    }

    .tips {
      line-height: 40rpx;
      font-size: 28rpx;
      padding-bottom: 29rpx;
      color: #030303;
      margin-bottom: 34rpx;
      border-bottom: 1px solid #eee;
    }

    .input-wrap {
      position: relative;
      margin-bottom: 30rpx;

      .label {
        position: absolute;
        font-weight: bold;
        font-size: 24rpx;
        color: #030303;
        top: 19rpx;
        left: 35rpx;
      }

      input {
        width: 100%;
        height: 70rpx;
        background: #F8F8F8;
        border-radius: 40rpx;
        box-sizing: border-box;
        padding: 0 82rpx 0 131rpx;
        font-size: 24rpx;
        color: #030303;
      }

      .get-code {
        position: absolute;
        top: 0;
        right: 0;
        width: 271rpx;
        height: 70rpx;
        line-height: 68rpx;
        border-radius: 40rpx;
        font-size: 24rpx;
        border: 1px solid #9A9A9A;
        color: #030303;
        text-align: center;
      }
    }

    .is-use {
      color: #FF7B00;
      font-size: 24rpx;
      line-height: 33rpx;
      margin-bottom: 30rpx;
    }

    .btn {
      height: 70rpx;
      line-height: 70rpx;
      background: #5D070C;
      color: #F8F8F8;
      border-radius: 35rpx;
      font-size: 24rpx;
      text-align: center;
      margin-top: 120rpx;
    }

    .mt {
      margin-top: 20rpx;
    }
  }
}

// 骨架屏
.sk-transparent {
  color: transparent !important;
}

.sk-text-13-6364-413 {
  background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
  background-size: 100% 44.0000rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-26-0000-787 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-26-0000-187 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-26-0000-541 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-13-6364-47 {
  background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
  background-size: 100% 44.0000rpx;
  position: relative !important;
}

.sk-text-26-0000-413 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-26-0000-754 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-26-0000-980 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-13-6364-683 {
  background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
  background-size: 100% 44.0000rpx;
  position: relative !important;
}

.sk-text-26-0000-349 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-26-0000-722 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-26-0000-314 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-13-6364-189 {
  background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
  background-size: 100% 44.0000rpx;
  position: relative !important;
}

.sk-text-12-5000-13 {
  background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  background-size: 100% 32.0000rpx;
  position: relative !important;
}

.sk-text-15-0000-218 {
  background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
  background-size: 100% 40.0000rpx;
  position: relative !important;
}

.sk-text-12-5000-210 {
  background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  background-size: 100% 32.0000rpx;
  position: relative !important;
}

.sk-text-15-0000-255 {
  background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
  background-size: 100% 40.0000rpx;
  position: relative !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}